﻿<!DOCTYPE html>
<html>
<head>    
    @Html.Partial("_Head")
</head>
<body>
    <script type="text/javascript" language="javascript">
        $(function () {

            //Google +1
            $.getScript("http://apis.google.com/js/plusone.js", null, true);

            //Twitter
            $.getScript("http://platform.twitter.com/widgets.js", null, true);

            //Facebook
            $.getScript("http://connect.facebook.net/en_US/all.js#xfbml=1", function () {

                $('body').append('<div id="fb-root"></div>');

                FB.init({ status: true, cookie: true, xfbml: true });

            }, true);
        });
    </script>
    <div id="container">
        <div id="header">
            @Html.Partial("_Header")</div>
        <div id="leftcontent">
            @RenderBody()
        </div>
        <div id="rightsidebar">
       
            <h2>
                Related Videos:</h2>
            @if (ViewBag.RelatedVideos != null)
            {
                @Html.Partial("_Related", (Google.GData.Client.Feed<Google.YouTube.Video>)ViewBag.RelatedVideos)
            }
            <a href="http://www.youtube.com" rel="nofollow">
                <img src="@Url.Content("~/Content/themes/images/yt_powered_by_black.png")" alt="Powered by Youtube" />
            </a>
        </div>
        <div id="footer">
            @Html.Partial("_Footer")</div>
    </div>
</body>
</html>
